<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>MyResume</title>
	<!--media="all" 用于为不同的媒介类型规定不同的样式，一般默认all。-->
	<link href="css/NewStyle.css" rel="stylesheet" type="text/css" media="all" />
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
	<!--设置分辨率可以调整大小-->
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<script>
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
</head>

<body>
	<div class="header">
		<div class="container">
			<img src="img/ting.png" height="200px">
			<h1>Hello World
				<span>!</span>
			</h1>
			<p>My name is Sun Guangting</p>
		</div>
	</div>

	<div class="content">
		<div class="container">

			<div class="left-content">
				<h3>Experience ~
					<span>!</span>
				</h3>
				<div class="list">
					<p>长春市绿园小学
						<label>( 2003年9月 - 2007年6月 )</label>
					</p>
					<p>长春市第八十七中学
						<label>( 2007年9月 — 2012年6月 )</label>
					</p>
					<p>长春市第十一高中
						<label>( 2012年9月 - 2015年6月 )</label>
					</p>
					<p>东北林业大学
						<label>( 2015年9月 - 至今)</label>
					</p>
				</div>
			</div>
			<!--left-content-->

			<div class="right-content">
				<h3>Skills ~
					<span>!</span>
				</h3>

				<div class="skill">
					<h4>HTML5</h4>
					<div class="progress">
						<div class="progress-bar" style="width: 65%; background:#DEECDF;">
							<span>65%</span>
						</div>
					</div>

					<h4>Css3</h4>
					<div class="progress">
						<div class="progress-bar" style="width: 85%; background:#78B3AE;">
							<span>85%</span>
						</div>
					</div>

					<h4>Java Script</h4>
					<div class="progress">
						<div class="progress-bar" style="width: 40%; background:#8C9D82;">
							<span>40%</span>
						</div>
					</div>

					<h4>C/C++</h4>
					<div class="progress">
						<div class="progress-bar" style="width: 66%; background:#ACB5B8;">
							<span>66%</span>
						</div>
					</div>
				</div>
				<!--skill-->

			</div>
			<!--right-content-->

		</div>
		<!--container-->

	</div>
	<!--content-->

	<div class="footer">
		<div class="container">
			<h3>contact</h3>
			<div class="left-footer">
				<input type="text" class="text" value="Name : 孙广婷 ">
				<input type="text" class="text" value="Email : sgt_1997_03@163.com ">
				<input type="text" class="text" value="QQ : 893708993 ">
			</div>
			<!--left-footer-->

			<div class="right-footer">
				<textarea>
		二等奖学金
		校优秀学生干部
		第十八届全国机器人锦标赛三等奖
		第五届全国机器人创意设计大赛一等奖
		“三下乡”社会实践优秀调研报告
		优秀读者奖
		神奇的也不知道写什么
		但是我想知道够不够数					
				</textarea>
			</div>
			<!--right-footer-->
		</div>
		<!--container-->

	</div>
	<!--footer-->

	<div class="footer-section">
		<div class="container">
			<div class="footer-top">
				<p>黑ICP备15000047号</p>
			</div>
		</div>
	</div>
</body>

</html>